<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="keywords" content="旧书,二手书,二手教材,旧教材,校园书籍,校园旧书，旧书网">
<meta name="description" content="买卖二手书，就上旧书街">
<meta name="language" content="zh">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="res/form.css">
<link rel="stylesheet" type="text/css" href="res/ubm_basic.css">
<link rel="shortcut icon"
	href="http://cdnfile.jiushujie.com/images/ubm.ico" type="image/x-icon">

<title>买卖二手书,就上旧书街</title>
</head>
<body>
<div th:replace="index::div#header"></div>
<link href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

	<div class="main_middle" id="app">
		<div id="main_content" class="center_980">
			<div class="content_left">
				<div class="user_left_nav">
					<div class="user_photo">
						<div>
							<img class="user_profile"
								th:alt="${book.user.name}"
								th:src="${book.user.headImg}">
						</div><span ></span>
						<div class="user_nav_info">
							<ul >
								<li th:text="${book.user.name}" >jiebaixiuhua</li>
								<li th:text="${book.user.gender}">男生</li>
								<li>海南大学</li>
								<li >上次登录:&nbsp;<span th:text="${book.user.lastLoginTime}"></span></li>
								<li><a class="user_fan_faned_link"
									href="http://www.jiushujie.com/user/26469640/follow">关注(1)</a>&nbsp;<a
									class="user_fan_faned_link"
									href="http://www.jiushujie.com/user/26469640/fan">粉丝(0)</a></li>
							</ul>
						</div>
					</div>

					<div class="self_introduction">
						姓名:<span th:text="${book.user.name}"></span><br>手机: 1345080****(下单后可见)<br>地址: <span th:text="${book.user.addrDesc}"></span>
					</div>
					<input style="width: 300px;" class="button_user_action"
						onclick="openLoginPageWithFrom();" name="yt0" type="button"
						value="详细联系方式下单后可见">
					<div class="clearfloat"></div>
				</div>


				<div class="side_block">
					<div class="title">最近看过</div>
					<div class="separate"></div>
					<div class="side_user_list">
						<ul th:replace="index::ul.zuijin">

						</ul>
					</div>
					<div class="clearfloat"></div>
				</div>
			</div>
			<div th:each="b:${jsjbook}" class="content_right">
				<div class="breadcrumbs">
					<a href="/user/26469640/sell" th:text="|${book.user.name}的主页|">jiebaixiuhua的主页</a> » <a
						href="/user/26469640/sell">TA出售的二手书</a> » <span th:text="${b.name}">未来简史</span>
				</div>
				<div class="book_item">
					<div class="book_pic">
						<img  class="book_pic" th:alt="|${b.name}-买卖二手书,就上旧书街|"
							th:title="|${b.name}-买卖二手书,就上旧书街|"
							th:src="${b.pic}">
					</div>
					<div class="info">
						<h2 th:text="${b.name}">未来简史</h2>
						<div class="detail">
							<br><span th:text="|${b.press} / ${b.author}|"></span> <br> <br> <span  th:text="${b.isbn}"></span>  <br>
							<h1 th:text="|${b.price}￥| "></h1>&nbsp;&nbsp;<span th:text="|${b.markPrice}￥|" class="line-through-price"></span>
							&nbsp;&nbsp;<span th:text="${b.discount}"></span> <br> <br> <h3 th:text="${b.oldnew}"></h3>
							<span th:text="${b.category}"></span>
						</div>
					</div>
					<div class="clearfloat"></div>
					<div th:text="${b.intro}" class="book_introduction_container">
						进入21世纪后，曾经长期威胁人类生存、发展的瘟疫、饥荒和战争已经被攻克，智人面临着新的待办议题：永生不老、幸福快乐和成为具有“神性”的人类。在解决这些新问题的过程中，科学技术的发展将颠覆我们很多当下认为无需佐证的“常识”，比如人文主义所推崇的自由意志将面临严峻挑战，机器将会代替人类做出更明智的选择。<br>更重要的，当以大数据、人工智能为代表的科学技术发展的日益成熟，人类将面临着从进化到智人以来zui大的一次改变，绝大部分人将沦为“无价值的群体”，只有少部分人能进化成特质发生改变的&nbsp;“神人”。<br>未来，人类将面临着三大问题：生物本身就是算法，生命是不断处理数据的过程；意识与智能的分离；拥有大数据积累的外部环境将比我们自己更了解自己。如何看待这三大问题，以及如何采取应对措施，将直接影响着人类未来的发展。<br>
					</div>
					<div class="align_right book_view_action_container">
						<div style="float: left; width: 134px;">
							<!-- Baidu Button BEGIN -->
							<div id="bdshare" class="bdshare_b" style="line-height: 12px;">
								<img
									src="http://bdimg.share.baidu.com/static/images/type-button-1.jpg">
							</div>
							<!-- Baidu Button END -->
							<el-row :gutter="120" >
								<el-col :span="12"><div class="grid-content bg-purple"><el-button  plain type="primary">我也要出售此书</el-button></div></el-col>
								<el-col :span="12"><div class="grid-content bg-purple-light"><el-button round th:@click.prevent="|add(${jsjbook.id})|" type="warning">添加购物车</el-button></div></el-col>
							</el-row>


						</div>
						<div style="margin-left: 140px;"></div>
					</div>
				</div>
			</div>
			<div class="clearfloat"></div>
		</div>
	</div>
<script>
	var  v=new Vue({
		el :"#app",
		methods:{
			add(id){
				if (!t.user){
					alert("请先登录")
					location.href="login.htm"
				}
				axios.get("jsj-order/jiushujie/jsjCart/add",{
					params: {bid:id,uid:t.user.id}
				}).then(res=>{
					if (res.data.code){
						location.href="cart-order.htm"
					}
				})
			}
		}
	})
</script>
	<div style="border-bottom: 1px solid rgb(255, 255, 255);"></div>
	<div style="position: fixed; top: 122px; right: 20px;">
		<img style="width: 120px; margin-bottom: 10px;"
			src="res/ios_download.jpg"><br> <img
			style="width: 120px; margin-bottom: 10px;"
			src="res/android_download.jpg">
	</div>
	<div class="clearfloat"></div>
<div th:replace="index::div.bottom"></div>
	<h1 class="jiushujie_slogan">买卖二手书，就上旧书街。旧书街二手书交易网-您身边的旧书网站</h1>

</body>
</html>